<template>
    <div class="search-box">
        <div class="left" @click="fun()">
            <span class="iconfont icon-down-jiantou-right fan"></span>
        </div>
        <div class="center">
            <div class="search_box">
                <input type="search" class="search">
            </div>
            <span class="iconfont icon-fangdajing fang"></span>
            <span class="tit">请输入小区或商圈名</span>
        </div>
        <div class="right">
            <span class="iconfont icon-xiaoxi info"></span>
        </div>
    </div>
</template>
<script>
export default {
    methods:{
        fun(){
            this.$router.go(-1)
        }
    }
}
</script>
<style scoped>
    .search-box{
        display: flex;
        height: 0.55rem;
        padding: 0.1rem 0;
        justify-content: space-around;
    }
    .left,.right{
        width: 15%;
        text-align: center;
    }
    .center{
        flex: 1;
        position: relative;
    }
    .search{
        width: 100%;
        height: 0.35rem;
        border: 0.01rem solid #ccc;
        border-radius: 0.05rem;
    }
    .fang{
        position: absolute;
        top: 0.11rem;
        left: 0.12rem;
        font-size: 0.14rem;
        color: #ccc;
    }
    .tit{
        position: absolute;
        top: 0.09rem;
        left: 0.35rem;
        font-size: 0.14rem;
        color: #ccc;
    }
    .fan,.info{
        line-height: 0.35rem;
    }
</style>